// import React, { Component } from "react"
// import {useState} from 'react'
// export default class ListItem extends Component {
//   render() {
//     return (
//       <div style={{ display: "flex" }}>
//         <li>{this.props.name}</li>
//         <button >删除</button>
//       </div>
//     )
//   }
// }
import { Button } from "antd"
export default function ListItem({ data, deleleItem }) {
  function deleteItems() {
    deleleItem(data.id)
  }
  return (
    <div style={{ display: "flex" }}>
      <li>{data.name}</li>
      <Button style={{ marginLeft: "15px" }} onClick={deleteItems}>
        删除
      </Button>
    </div>
  )
}
